// 背景相关
@bgBase: rgba(22, 26, 29, 1);
@bg: rgba(22, 26, 29, 1);
@bgByMain: rgba(34, 38, 41, 1);
@bgByForm85: rgba(34, 38, 41, 0.85);
@bgByForm70: rgba(34, 38, 41, 0.7); // table th
@bgByForm50: rgba(34, 38, 41, 0.5); // form item bg
@bgByForm30: rgba(34, 38, 41, 0.3);
@bgByForm10: rgba(34, 38, 41, 0.1);
@bgByDisabled: rgba(78, 81, 84, 0.1);
@bgByHover: rgba(78, 81, 84, 0.05);
@bgHoverShadow: rgba(172, 177, 193, 0.5);
@bgWeak: rgba(39, 43, 46, 1);
@bgWeak2: rgb(44, 48, 51, 1);
@bgWeak3: rgb(49, 51, 56, 1);
@bgWeak4: rgb(54, 56, 61, 1);
@bgInvert20: rgba(255, 255, 255, 0.2);

// 总览弹窗
@faultPopBg: linear-gradient(180deg, #662323 0%, #242833 100%);
@alertPopBg: linear-gradient(180deg, #664523 0%, #242833 100%);

@mask: rgba(0, 0, 0, 0.5);

// 分割线
@border: rgba(78, 81, 84, 1);
@border50: rgba(78, 81, 84, 0.5); // 分割线
@border20: rgba(78, 81, 84, 0.2); // 分割线
@borderPrimary50: rgba(24, 160, 251, 0.5); // 分割线
@borderPrimary20: rgba(24, 160, 251, 0.2); // 分割线

// front
@font: rgba(255, 255, 255, 1);
@font80: rgba(255, 255, 255, 80%);
@font60: rgba(255, 255, 255, 60%);
@font40: rgba(255, 255, 255, 40%); // placeholder
@font30: rgba(255, 255, 255, 30%); // disabled
@font10: rgba(255, 255, 255, 10%);
@fontInvert: rgba(0, 0, 0, 1);
@fontInvert2: rgba(21, 21, 21, 1);
@font2: rgba(225, 225, 225, 1);
@font3: rgba(195, 195, 195, 1);
@font4: rgba(165, 165, 165, 1);
@font5: rgba(135, 135, 135, 1);
@font6: rgba(105, 105, 105, 1);
@font7: rgba(75, 75, 75, 1);
@font8: rgba(45, 45, 45, 1);
@fontActive: rgba(255, 255, 255, 1);
@fontPrimary: rgba(24, 160, 251, 1);
@fontPrimary80: rgba(24, 160, 251, 0.8);
@fontPrimary50: rgba(24, 160, 251, 0.5);
@fontPrimary20: rgba(24, 160, 251, 0.2);

// 主
@primary2: rgba(78, 81, 84, 1);
@primary2Bg: rgba(78, 81, 84, 0.2);
@primary: rgba(24, 160, 251, 1);
@primaryBg: rgba(24, 160, 251, 0.2);
@error: rgba(253, 79, 67, 1);
@errorBg: rgba(253, 79, 67, 0.2);
@warning: rgba(255, 159, 10, 1);
@warningBg: rgba(255, 159, 10, 0.2);
@note: rgba(255, 214, 10, 1);
@noteBg: rgba(255, 214, 10, 0.2);
@success: rgba(48, 212, 133, 1);
@successBg: rgba(48, 212, 133, 0.2);
@info: @primary;
@infoBg: @primaryBg;

// btn
@btn1_bg: #0a84ff;
@btn1_hover: #3d9eff;
@btn1_active: #075cb2;
@btn1_bd: @border;
@btn1_disabled: #353843;

@btn2_bg: #4e515c;
@btn2_hover: #5b5f6b;
@btn2_active: #41444d;

@tabFontAvtive: #4e515c;

// tags colors
@tagBg1: rgba(48, 212, 133, 1);
@tagBg1_50: rgba(48, 212, 133, 0.5);
@tagBg1_20: rgba(48, 212, 133, 0.2);

@tagBg2: rgba(255, 149, 0, 1);
@tagBg2_50: rgba(255, 149, 0, 0.5);
@tagBg2_20: rgba(255, 149, 0, 0.2);

@tagBg3: rgba(255, 204, 0, 1);
@tagBg3_50: rgba(255, 204, 0, 0.5);
@tagBg3_20: rgba(255, 204, 0, 0.2);

@tagBg4: rgba(24, 160, 251, 1);
@tagBg4_50: rgba(24, 160, 251, 0.5);
@tagBg4_20: rgba(24, 160, 251, 0.2);

@tagBg5: rgba(255, 90, 82, 1);
@tagBg5_50: rgba(255, 90, 82, 0.5);
@tagBg5_20: rgba(255, 90, 82, 0.2);

@tagBg6: rgba(0, 199, 192, 1);
@tagBg6_50: rgba(0, 199, 192, 0.5);
@tagBg6_20: rgba(0, 199, 192, 0.2);

@tagBg7: rgba(128, 204, 249, 1);
@tagBg7_50: rgba(128, 204, 249, 0.5);
@tagBg7_20: rgba(128, 204, 249, 0.2);

@tagBg8: rgba(100, 119, 155, 1);
@tagBg8_50: rgba(100, 119, 155, 0.5);
@tagBg8_20: rgba(100, 119, 155, 0.2);

@tagBg9: rgba(249, 236, 190, 1);
@tagBg9_50: rgba(249, 236, 190, 0.5);
@tagBg9_20: rgba(249, 236, 190, 0.2);

@tagBg10: rgba(140, 217, 172, 1);
@tagBg10_50: rgba(140, 217, 172, 0.5);
@tagBg10_20: rgba(140, 217, 172, 0.2);

@tagBg11: rgba(153, 155, 163, 1);
@tagBg11_50: rgba(153, 155, 163, 0.5);
@tagBg11_20: rgba(153, 155, 163, 0.2);

@tagBg12: rgba(191, 90, 242, 1);
@tagBg12_50: rgba(191, 90, 242, 0.5);
@tagBg12_20: rgba(191, 90, 242, 0.2);

@tagBg13: rgba(117, 107, 232, 1);
@tagBg13_50: rgba(117, 107, 232, 0.5);
@tagBg13_20: rgba(117, 107, 232, 0.2);

@tagBg14: rgba(51, 82, 151, 1);
@tagBg14_50: rgba(51, 82, 151, 0.5);
@tagBg14_20: rgba(51, 82, 151, 0.2);

// echarts colors 10
@chart1: rgba(24, 160, 251, 1);
@chart1_25: rgba(24, 160, 251, 0.25);
@chart2: rgba(128, 204, 249, 1);
@chart2_25: rgba(128, 204, 249, 0.25);
@chart3: rgba(105, 204, 135, 1);
@chart3_25: rgba(105, 204, 135, 0.25);
@chart4: rgba(249, 214, 76, 1);
@chart4_25: rgba(249, 214, 76, 0.25);
@chart5: rgba(234, 102, 91, 1);
@chart5_25: rgba(234, 102, 91, 0.25);
@chart6: rgba(93, 98, 221, 1);
@chart6_25: rgba(93, 98, 221, 0.25);
@chart7: rgba(244, 169, 69, 1);
@chart7_25: rgba(244, 169, 69, 0.25);
@chart8: rgba(134, 226, 224, 1);
@chart8_25: rgba(134, 226, 224, 0.25);
@chart9: rgba(117, 107, 232, 1);
@chart9_25: rgba(117, 107, 232, 0.25);
@chart10: rgba(167, 142, 110, 1);
@chart10_25: rgba(167, 142, 110, 0.25);

:export {
  --bg-base: @bgBase;
  --bg: @bg;
  --bg-menu: @bg;
  --bg-main: @bgByMain;
  --bg-main-a85: @bgByForm85;
  --bg-main-a70: @bgByForm70;
  --bg-main-a50: @bgByForm50;
  --bg-main-a30: @bgByForm30;
  --bg-weak: @bgWeak;
  --bg-click: @bgByHover;
  --bg-form: @bgWeak2;
  --bg-weak3: @bgWeak3;
  --bg-weak4: @bgWeak4;
  --bg-selected: @bgByForm10;
  --bg-mask: @mask;
  --bg-invert-a20: @bgInvert20;
  --bg-scroll: @bgHoverShadow;
  --bg-white: white;
  --bg-black: black;

  /* border */
  --bd: @border;
  --bd-a50: @border50;
  --bd-a20: @border20;
  --bd-primary: @primary;
  --bd-primary-a50: @borderPrimary50;
  --bd-primary-a20: @borderPrimary20;

  /* 文本颜色 */
  --font: @font;
  --font-a80: @font80;
  --font-a60: @font60;
  --font-a40: @font40;
  --font-a30: @font30;
  --font-a10: @font10;
  --font-invert: @fontInvert;
  --font-white: @font;
  --font2: @font2;
  --font3: @font3;
  --font4: @font4;
  --font5: @font5;
  --font6: @font6;
  --font7: @font7;
  --font8: @font8;
  --font-active: @fontActive;
  --font-primary: @fontPrimary;
  --font-primary-a80: @fontPrimary80;
  --font-primary-a50: @fontPrimary50;
  --font-primary-a20: @fontPrimary20;

  /* 按钮色 */

  --btn: @btn1_bg;
  --btn-hover: @btn1_hover;
  --btn-active: @btn1_active;
  --btn-border: @btn1_bd;
  --btn2: @btn2_bg;
  --btn2-border: @primary2;
  --btn2-hover: @btn2_hover; // 1
  --btn2-active: @btn2_active;
  --btn-disabled: @btn1_disabled;
  --tab-active: @bgByForm50;
  --tab-font-active: @tabFontAvtive;

  /* 主题色&功能色 */
  --base: @primary;
  --base-bg: @primaryBg;
  --base2: @primary;
  --base2-bg: @primaryBg;
  --success: @success;
  --success-bg: @successBg;
  --succee: @success;
  --succee-bg: @successBg;
  --fail: @error;
  --fail-bg: @errorBg;
  --warn: @warning;
  --warn-bg: @warningBg;
  --note: @note;
  --note-bg: @noteBg;
  --status-bg: @bgByMain;

  /* tag */
  --tag-1: @tagBg1;
  --tag-1-a50: @tagBg1_50;
  --tag-1-a20: @tagBg1_20;
  --tag-2: @tagBg2;
  --tag-2-a50: @tagBg2_50;
  --tag-2-a20: @tagBg2_20;
  --tag-3: @tagBg3;
  --tag-3-a50: @tagBg3_50;
  --tag-3-a20: @tagBg3_20;
  --tag-4: @tagBg4;
  --tag-4-a50: @tagBg4_50;
  --tag-4-a20: @tagBg4_20;
  --tag-5: @tagBg5;
  --tag-5-a50: @tagBg5_50;
  --tag-5-a20: @tagBg5_20;
  --tag-6: @tagBg6;
  --tag-6-a50: @tagBg6_50;
  --tag-6-a20: @tagBg6_20;
  --tag-7: @tagBg7;
  --tag-7-a50: @tagBg7_50;
  --tag-7-a20: @tagBg7_20;
  --tag-8: @tagBg8;
  --tag-8-a50: @tagBg8_50;
  --tag-8-a20: @tagBg8_20;
  --tag-9: @tagBg9;
  --tag-9-a50: @tagBg9_50;
  --tag-9-a20: @tagBg9_20;
  --tag-10: @tagBg10;
  --tag-10-a50: @tagBg10_50;
  --tag-10-a20: @tagBg10_20;
  --tag-11: @tagBg11;
  --tag-11-a50: @tagBg11_50;
  --tag-11-a20: @tagBg11_20;
  --tag-12: @tagBg12;
  --tag-12-a50: @tagBg12_50;
  --tag-12-a20: @tagBg12_20;
  --tag-13: @tagBg13;
  --tag-13-a50: @tagBg13_50;
  --tag-13-a20: @tagBg13_20;
  --tag-14: @tagBg14;
  --tag-14-a50: @tagBg14_50;
  --tag-14-a20: @tagBg14_20;

  /* echart */
  ---1: @chart1;
  ---1_25: @chart1_25;
  ---2: @chart2;
  ---2_25: @chart2_25;
  ---3: @chart3;
  ---3_25: @chart3_25;
  ---4: @chart4;
  ---4_25: @chart4_25;
  ---5: @chart5;
  ---5_25: @chart5_25;
  ---6: @chart6;
  ---6_25: @chart6_25;
  ---7: @chart7;
  ---7_25: @chart7_25;
  ---8: @chart8;
  ---8_25: @chart8_25;
  ---9: @chart9;
  ---9_25: @chart9_25;
  ---10: @chart10;
  ---10_25: @chart10_25;

  /* alert背景色 */
  --faultPopBg: @faultPopBg;
  --alertPopBg: @alertPopBg;

  // antd主题色
  --ant-primaryColor: @primary;
  --ant-errorColor: @error;
  --ant-warningColor: @warning;
  --ant-successColor: @success;
  --ant-infoColor: @info;

  // antd
  // base
  --ant-cus-color_white: rgba(255, 255, 255, 1);
  --ant-cus-primary_color: rgba(24, 160, 251, 1);
  --ant-cus-primary_active: #388ed3;
  --ant-cus-primary_active_bg: #3c9be8;
  --ant-cus-primary_hover: #165996;
  --ant-cus-primary_hover_bg: #095cb5;
  --ant-cus-base_bg: #141414;
  --ant-cus-base_bg2: #303030;
  --ant-cus-base_bg3: #1f1f1f;
  --ant-cus-base_bg4: #0e4980;
  --ant-cus-base_bg5: #272727;
  --ant-cus-base_bg6: #525252;
  --ant-cus-base_bg7: #f5f5f5;
  --ant-cus-base_bg8: rgba(190, 190, 190, 0.2);
  --ant-cus-base_bg9: #262626;
  --ant-cus-base_hoverBg: #06213a;
  --ant-cus-base_activeBg: rgba(17, 27, 38, 0.2);
  --ant-cus-base_bd: #434343;
  --ant-cus-base_bd3: #d9d9d9;
  --ant-cus-base_bd4: #4697e3;
  --ant-cus-base_bd_active: #16436e;
  --ant-cus-base_bd5: #3a3a3a;
  --ant-cus-base_shadow: rgba(23, 125, 220, 0.2);
  --ant-cus-base_shadow2: rgba(0, 35, 11, 0.2);
  --ant-cus-base_shadow3_a12: rgba(23, 125, 220, 0.12);
  --ant-cus-base_shadow4: rgba(0, 0, 0, 0.015);
  --ant-cus-base_shadow5: rgba(0, 0, 0, 0.12);
  --ant-cus-base_shadow6: rgba(0, 0, 0, 0.045);

  // 规范内组件色彩配置
  --ant-cus-bg_container_a50: rgba(34, 38, 41, 0.5);
  --ant-cus-bg_container_a70: rgba(34, 38, 41, 0.7);
  --ant-cus-bg_table: rgba(14, 21, 35, 1); // ?
  --ant-cus-bg2: rgba(24, 160, 251, 1);
  --ant-cus-bg2_a80: rgba(24, 160, 251, 0.8);
  --ant-cus-bg2_a50: rgba(24, 160, 251, 0.5);
  --ant-cus-bg2_a20: rgba(24, 160, 251, 0.2);
  --ant-cus-bg2_a10: rgba(24, 160, 251, 0.1);
  --ant-cus-bg_table_tr: #1d1d1d;
  --ant-cus-bg_table_tr_hover: #303030;
  --ant-cus-bg_table_odd_td: #141414;
  --ant-cus-bg_table_even_td: rgb(22, 22, 22);
  --ant-cus-bg_table_td_hover: #1f1f1f;
  --ant-cus-bg_input: rgba(34, 38, 41, 1);
  --ant-cus-bg_input_disabled: rgba(86, 86, 86, 1);
  --ant-cus-bd_default: rgba(78, 81, 84, 0.7);
  --ant-cus-bd_default_hover: rgba(78, 81, 84, 1);
  --ant-cus-bd: rgba(24, 160, 251, 0.5);
  --ant-cus-bd_focus: rgba(24, 160, 251, 1);
  --ant-cus-bd_hover: rgba(24, 160, 251, 0.7);
  --ant-cus-bd_active: rgba(24, 160, 251, 1);
  --ant-cus-bd_disabled: rgba(119, 119, 119, 1);
  --ant-cus-bd_table: #303030;
  --ant-cus-shadow: rgba(0, 21, 41, 0.1);
  --ant-cus-shadow_input: rgba(78, 81, 84, 0.5);
  --ant-cus-bd_input: rgba(24, 160, 251, 0.3);
  --ant-cus-bd_input_hover: rgba(24, 160, 251, 0.5);
  --ant-cus-bd_input_active: rgba(24, 160, 251, 1);
  --ant-cus-font_base: rgba(24, 160, 251, 1);
  --ant-cus-font_active: rgba(255, 255, 255, 1);
  --ant-cus-font_disabled: rgba(122, 125, 127, 1);

  // base color
  --ant-cus-base_bg_white_a5: rgba(255, 255, 255, 0.5);
  --ant-cus-base_bg_white_a25: rgba(255, 255, 255, 0.25);
  --ant-cus-base_bg_white_a2: rgba(255, 255, 255, 0.2);
  --ant-cus-base_bg_white_a12: rgba(255, 255, 255, 0.12);
  --ant-cus-base_bg_white_a08: rgba(255, 255, 255, 0.08);
  --ant-cus-base_bg_white_a01: rgba(255, 255, 255, 0.01);
  --ant-cus-base_bg_black: rgba(0, 0, 0, 1);
  --ant-cus-base_bg_black_a8: rgba(0, 0, 0, 0.8);
  --ant-cus-base_bg_black_a65: rgba(0, 0, 0, 0.65);
  --ant-cus-base_bg_black_a48: rgba(0, 0, 0, 0.48);
  --ant-cus-base_bg_black_a45: rgba(0, 0, 0, 0.45);
  --ant-cus-base_bg_black_a32: rgba(0, 0, 0, 0.32);
  --ant-cus-base_bg_black_a25: rgba(0, 0, 0, 0.25);
  --ant-cus-base_bg_black_a2: rgba(0, 0, 0, 0.2);
  --ant-cus-base_bg_black_a1: rgba(0, 0, 0, 0.1);
  --ant-cus-base_bg_black_a07: rgba(0, 0, 0, 0.07);
  --ant-cus-base_bg_black_a045: rgba(0, 0, 0, 0.045);
  --ant-cus-base_bg_black_a03: rgba(0, 0, 0, 0.03);
  --ant-cus-base_bg_black_a001: rgba(0, 0, 0, 0.001);

  // font
  --ant-cus-font: rgba(255, 255, 255, 1);
  --ant-cus-font_a85: rgba(255, 255, 255, 0.85);
  --ant-cus-font_a75: rgba(255, 255, 255, 0.75);
  --ant-cus-font_a65: rgba(255, 255, 255, 0.65);
  --ant-cus-font_a45: rgba(255, 255, 255, 0.45);
  --ant-cus-font_a30: rgba(255, 255, 255, 0.3);
  --ant-cus-font_2: #595959;
  --ant-cus-font_3: #bfbfbf;
  --ant-cus-font_5: #a6a6a6;

  // btn
  --ant-cus-success: #162312;
  --ant-cus-success_bd: #274916;
  --ant-cus-success_bd2: #94d6ff;
  --ant-cus-success_bg2: #e4ebdd;
  --ant-cus-success_font: #49aa19;
  --ant-cus-info: #111b26;
  --ant-cus-info_bd: #153450;
  --ant-cus-warn: #2b2111;
  --ant-cus-warn_bd: #594214;
  --ant-cus-warn_bg: #2b2111;
  --ant-cus-warn_font: #d89614;
  --ant-cus-warn_shadow: rgba(216, 150, 20, 0.2);
  --ant-cus-error: #2a1215;
  --ant-cus-error_bd: #58181c;
  --ant-cus-error_bg: #2a1215;
  --ant-cus-error_font: #a61d24;
  --ant-cus-error_shadow: rgba(166, 29, 36, 0.2);
  --ant-cus-danger: #800f19;
  --ant-cus-danger_active: #b33b3d;

  // others
  --ant-cus-status_color_pink: #e0529c;
  --ant-cus-status_color_inverse_pink: #cb2b83;
  --ant-cus-status_color_pink_bg: #291321;
  --ant-cus-status_color_pink_bd: #551c3b;
  --ant-cus-status_color_red: #e84749;
  --ant-cus-status_color_inverse_red: #d32029;
  --ant-cus-status_color_volcano: #e87040;
  --ant-cus-status_color_inverse_volcano: #d84a1b;
  --ant-cus-status_color_volcano_bg: #2b1611;
  --ant-cus-status_color_volcano_bd: #592716;
  --ant-cus-status_color_orange: #e89a3c;
  --ant-cus-status_color_inverse_orange: #d87a16;
  --ant-cus-status_color_orange_bg: #2b1d11;
  --ant-cus-status_color_orange_bd: #593815;
  --ant-cus-status_color_yellow: #e8d639;
  --ant-cus-status_color_inverse_yellow: #d8bd14;
  --ant-cus-status_color_yellow_bg: #2b2611;
  --ant-cus-status_color_yellow_bd: #595014;
  --ant-cus-status_color_gold: #e8b339;
  --ant-cus-status_color_inverse_gold: var(--ant-cus-warn_font);
  --ant-cus-status_color_cyan: #33bcb7;
  --ant-cus-status_color_inverse_cyan: #13a8a8;
  --ant-cus-status_color_cyan_bg: #112123;
  --ant-cus-status_color_cyan_bd: #144848;
  --ant-cus-status_color_lime: #a9d134;
  --ant-cus-status_color_inverse_lime: #8bbb11;
  --ant-cus-status_color_lime_bg: #1f2611;
  --ant-cus-status_color_lime_bd: #3e4f13;
  --ant-cus-status_color_green: #6abe39;
  --ant-cus-status_color_inverse_green: #49aa19;
  --ant-cus-status_color_blue: #3c9ae8;
  --ant-cus-status_color_inverse_blue: var(--ant-cus-primary_color);
  --ant-cus-status_color_blue_bg: #111d2c;
  --ant-cus-status_color_blue_bd: #15395b;
  --ant-cus-status_color_geekblue: #5273e0;
  --ant-cus-status_color_inverse_geekblue: #2b4acb;
  --ant-cus-status_color_geekblue_bg: #131629;
  --ant-cus-status_color_geekblue_bd: #1c2755;
  --ant-cus-status_color_purple: #854eca;
  --ant-cus-status_color_inverse_purple: #642ab5;
  --ant-cus-status_color_purple_bg: #1a1325;
  --ant-cus-status_color_purple_bd: #301c4d;
  --ant-cus-tag_processing_bg: #e6f7ff;
  --ant-cus-tag_processing_bd: #94d6ff;
  --ant-cus-tag_error_bg: #e6f7ff;
  --ant-cus-tag_error_bd: #94d6ff;
  --ant-cus-tag_warning_bg: #fffbe6;
  --ant-cus-tag_warning_bd: #ffe591;
  --ant-cus-th_bg: #1d1d1d;
  --ant-cus-th_hover_bg2: #0e161f;
  --ant-cus-table_scroll_bg: #fcfcfc;
  --ant-cus-select_tree_bg: #11263c;
  --ant-cus-typography_bg_a1: rgba(150, 150, 150, 0.1);
  --ant-cus-typography_bg_a06: rgba(150, 150, 150, 0.06);
  --ant-cus-typography_bd: rgba(100, 100, 100, 0.2);
  --ant-cus-card_loading_bg2: linear-gradient(
    90deg,
    rgba(48, 48, 48, 0.2),
    rgba(48, 48, 48, 0.4),
    rgba(48, 48, 48, 0.2)
  );
  --ant-cus-skeleton_active_bg2: linear-gradient(
    90deg,
    rgba(190, 190, 190, 0.2) 25%,
    rgba(255, 255, 255, 0.16) 37%,
    rgba(190, 190, 190, 0.2) 63%
  );
}
